<include file="Public/header"/>
    <div class="bg-grey ">
        <!--谱单推荐-->
        <div class="container bg-white padding-0 content-border">
            <div class="clearfix">
                <p class="title-border font-bold font-size-18">热门推荐</p>
            </div>
        </div>
        <div class="container bg-light-grey padding-0 content-border">
            <!--左侧section-->
            <div class="padding-0 recommand-left-menu">
                <ul class="recommand-score-body">
                    <!--单个谱单-->
                    <volist name="scoreList" id="score">
                    <li class="recommand-score-info margin-bottom-30 margin-right-25">
                        <a href="{:U('score/index?id='.$score['id'])}" class="color-black display-inlineblock">
                            <img class="recommand-score-img" <empty name="score.img_url">src="__IMG__/score-pic1.png"<else/>src="{$score.img_url}"</empty> />
                            <!--收藏遮罩-->
                            <div class="recommand-score-collect"></div>
                            <p class="recommand-score-collect-info"><img class="padding-right-10" src="__IMG__/collect.png">{$score.fav_count}</p>
                        </a>
                        <span class="recommand-score-title bg-white">
                            <a href="{:U('score/index?id='.$score['id'])}" class="color-black display-inlineblock font-size-16">{$score.name}</a>
                        </span>
                    </li>
                    </volist>
                </ul>
            </div>
            <!--右侧section-->
            <div class="recommand-right-menu">
                <div class="login-box">
                    <span class="margin-top-40 center-block">欢迎登录多谱网<br>享受更多的功能与乐趣！</span>
                    <empty name="loginUser">
                        <div class="login-btn">
                            <span><a href="{:U('login/index')}" target="_blank"><button class="font-size-18">用户登录</button></a></span>
                        </div>
                    <else/>
                        <div class="login-btn">
                            <span><a href="{:U('login/loginOut')}"><button class="font-size-18">退出</button></a></span>
                        </div>
                    </empty>
                </div>
                <div class="online-user-box">
                    <div class="online-user-title">
                        <h4 class=" margin-0">在线用户</h4>
                    </div>
                    <div class="online-user-list-box">
                        <ul class="user-list list-group">
                            <volist name="userList" id="user">
                            <li class="user-info margin-top-20 margin-bottom-20 padding-left-18">
                                <a href="{:U('user/index','id='.$user['id'])}" class="color-black display-inlineblock">
                                    <img class="user-avatar" <empty name="user.avatar_url">src="__IMG__/avatar.png"<else/>src="{$user.avatar_url}"</empty>>
                                    <span class="user-nickname">{$user.nickname}</span>
                                </a>
                            </li>
                            </volist>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="bg-white">
        <!--曲谱排行-->
        <div class="container bg-white padding-0 content-border">
            <div class="clearfix">
                <p class="title-border font-bold font-size-18">最佳排行</p>
            </div>
        </div>
        <div class="container padding-0">
            <ul class="padding-0 sheet-list content-border">
                <volist name="sheetList" id="sheet">
                <li class="sheet-list-info bg-fringe clearfix">
                    <span class="list-num color-red pull-left margin-top-60">{$key+1}</span>
                    <div class="sheet-list-img pull-left margin-top-20 padding-bottom-20 clearfix">
                        <a href="{:U('sheet/index', 'id='.$sheet['id'].'&uid='.$loginUser['uid'])}" target="_blank" class="display-inlineblock"><p style="background: transparent url('{$sheet.img_url}') no-repeat; background-size: 450px;"></p></a>
                        <span class="sheet-count color-red bg-white">{$sheet.img_count}张</span>
                    </div>
                    <div class="pull-left sheet-list-info-name margin-top-30">
                        <a href="{:U('sheet/index', 'id='.$sheet['id'].'&uid='.$loginUser['uid'])}" target="_blank" class="color-black display-inlineblock"><h2 class="margin-0 font-size-18">{$sheet.name}</h2></a>
                        <div class="margin-top-20">
                            <a href="{:U('user/index','id='.$sheet['creator'])}" class="display-inlineblock color-black">
                                <img class="user-avatar" <empty name="sheet['creator_info']['avatar_url']">src="__IMG__/avatar.png"<else/>src="{$sheet['creator_info']['avatar_url']}"</empty> >
                                <span>{$sheet['creator_info']['nickname']}</span>
                            </a>
                        </div>
                    </div>
                    <div class="font-size-16 normal-operation-btn color-red" id="normal-operation-btn1">
                        <p class="collect-btn" data-status="{$sheet.collect_status}" data-id="{$sheet.id}">收藏</p>
                        <p class="like-btn" data-status="{$sheet.fav_status}" data-id="{$sheet.id}"><span>喜欢</span></p>
                    </div>
                    <div class="pull-right sheet-collect-count margin-left-40" id="fav{$key}">
                        <p class="">共<span class="color-red">{$sheet.fav_count}</span>人收藏</p>
                    </div>
                    <ul hidden class="user-list bg-red padding-0" id="user-fav{$key}">
                        <volist name="sheet.fav_user" id="user" offset="0" length='3'>
                            <li class="user-info margin-top-20 margin-bottom-20 padding-left-18">
                                <a href="{:U('user/index','id='.$user['creator'])}" class="color-black display-inlineblock">
                                    <img class="user-avatar" src="{$user.avatar_url}">
                                    <span class="user-nickname">{$user.nickname}</span>
                                </a>
                            </li>
                        </volist>
                    </ul>
                </li>
                </volist>
            </ul>
        </div>
        <!--加载效果-->
        <div class="loaddiv" style="width: 32px;margin: 0 auto 60px;">
            <img src="__IMG__/loading.gif" />
        </div>
    </div>


<include file="Public/footer" />

<script type="text/javascript" src="__JS__/endless.js"></script>